@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(/public/dist/fonts/DroidSerif.ttf) format('truetype');
}

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(/public/dist/fonts/DroidSerif-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 400;
  src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(/public/dist/fonts/DroidSerif-italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/public/dist//fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(/public/dist/fonts/OpenSans-Bold.ttf) format('truetype');
}

a {
  color: $text-color;
  transition: color .3s;

  &:focus,
  &:hover,
  &:active {
    outline: 0;
  }

  &:focus,
  &:hover {
    color: $primary-color;
  }
}

p,
pre {
  margin: 10px 0 10px 0;
}

hr {
  width: 20%;
  border: 1px solid $line-breaks-color;
  margin-top: 0;
  margin-bottom: 30px;
}

dl dt {
  font-weight: 700;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin: 0;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
  font-family: $title-font-family;
  font-weight: 700;
  word-wrap: break-word;
}

h1, .h1 {
  font-size: 2rem;
  //text-indent: -2px;
  //line-height: 1.2;

  @include breakpoint(small) {
    font-size: 28.5px;
  }
}

h2, .h2 {
  font-size: 1.75rem;
  line-height: 1.2;

  @include breakpoint(small) {
    font-size: 24px;
  }
}

h3, .h3 {
  font-size: 1.25rem;
  line-height: 1.2;

  @include breakpoint(small) {
    font-size: 20px;
  }
}

h4, .h4 {
  font-size: 1.2rem;

  @include breakpoint(small) {
    font-size: 17.5px;
  }
}

h5, .h5 {
  font-size: 1rem;
}

h6, .h6 {
  font-size: 1rem;
}
